* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

body {
    background-color: #f5f5f5;
}

.num-1 {
    color: #0066cc;
    text-shadow: 0 0 2px rgba(0, 102, 204, 0.3);
}

.num-2 {
    color: #008855;
    text-shadow: 0 0 2px rgba(0, 136, 85, 0.3);
}

.num-3 {
    color: #cc5500;
    text-shadow: 0 0 2px rgba(204, 85, 0, 0.3);
}

.num-4 {
    color: #6600cc;
    text-shadow: 0 0 2px rgba(102, 0, 204, 0.3);
}

.num-5 {
    color: #cc3333;
    text-shadow: 0 0 2px rgba(204, 51, 51, 0.3);
}

.num-6 {
    color: #0088aa;
    text-shadow: 0 0 2px rgba(0, 136, 170, 0.3);
}

.num-7 {
    color: #ccaa00;
    text-shadow: 0 0 2px rgba(204, 170, 0, 0.3);
}

.num-8 {
    color: #7744cc;
    text-shadow: 0 0 2px rgba(119, 68, 204, 0.3);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #fcfcfc;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #bbb;
}